<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<head>

    <script type="text/javascript">
var siteurl='index.html';
var tmplurl='templates/ja_anion/index.html';
var isRTL = false;
</script>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="joomla, Joomla" />
    <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
    <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
    <title>JA Anion</title>
    <link type="text/css" href="t3-assets/cssc91d1.css" rel="stylesheet">
    <script type="text/javascript" src="t3-assets/js92f64.js"></script>

    <script type="text/javascript">

		window.addEvent('domready', function() {

			SqueezeBox.initialize({});

			$$('a.modal').each(function(el) {
				el.addEvent('click', function(e) {
					new Event(e).stop();
					SqueezeBox.fromElement(el);
				});
			});
		});var K2RatingURL = 'index.html';
  </script>

    
    <link href="plugins/system/jat3/base-themes/default/images/favicon.ico" rel="shortcut icon"
        type="image/x-icon" />
<!--[if IE 7.0]>
<style>
.clearfix { display: inline-block; } /* IE7xhtml*/
</style>
<![endif]-->
    <style type="text/css">
        /*dynamic css*/body.bd .main
        {
            width: 950px;
        }
        body.bd #ja-wrapper
        {
            min-width: 950px;
        }
    </style>
</head>
<body id="bd" class="bd fs3 com_content">
    <div id="ja-wrapper">
        <a name="Top" id="Top"></a>
        <div id="ja-header" class="wrap ">
            <div class="main clearfix">
                <h1 class="logo">
                    <a href="index-2.html" title="JA Anion"><span>JA Anion</span></a>
                </h1>
                <div id="ja-topnav">
                    <ul class="menu">
                        <li class="item155"><a href="index685b.html?option=com_content&amp;view=article&amp;id=27&amp;Itemid=155">
                            <span>The Community</span></a></li><li class="item154"><a href="index769f.html?option=com_content&amp;view=article&amp;id=22&amp;Itemid=154">
                                <span>Features</span></a></li><li class="item153"><a href="indexb548.html?option=com_content&amp;view=article&amp;id=25&amp;Itemid=153">
                                    <span>About Joomla!</span></a></li></ul>
                </div>
                <div id="ja-search">
                    <form action="http://templates.joomlart.com/ja_anion/index.php" method="post" class="search">
                    <label for="mod_search_searchword">
                        Search
                    </label>
                    <input name="searchword" id="mod_search_searchword" maxlength="20" class="inputbox"
                        type="text" size="20" value="Enter the keyword" onblur="if(this.value=='') this.value='Enter the keyword';"
                        onfocus="if(this.value=='Enter the keyword') this.value='';" />
                    <input type="hidden" name="option" value="com_search" />
                    <input type="hidden" name="task" value="search" />
                    </form>
                </div>
            </div>
        </div>
        <div id="ja-cpanel-wrapper">
            <div id="ja-cpanel">
                <div id="ja-cpanel-main">
                    <div class="ja-cpanel-head clearfix">
                        <a href="http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Overview" class="first"
                            title="About T3"><span>About</span></a> <a href="http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides"
                                title="Guides"><span>Guides</span></a> <a href="http://wiki.joomlart.com/wiki/JA_T3_Framework_2/FAQs"
                                    title="FAQs"><span>FAQs</span></a>
                    </div>
                    <div class="ja-cpanel-tools clearfix">
                        <h3>
                            Font Size</h3>
                        <div class="ja-box-usertools">
                            <ul class="ja-usertools-font clearfix">
                                <li class="font-inc"><a title="Increase font size" onclick="switchFontSize('ja_anion_font', 'inc');return false;">
                                    <span>Increase font size</span></a></li>
                                <li class="font-dec"><a title="Decrease font size" onclick="switchFontSize('ja_anion_font', 'dec');return false;">
                                    <span>Decrease font size</span></a></li>
                                <li class="font-reset"><a title="Default font size" onclick="switchFontSize('ja_anion_font', 'reset');return false;">
                                    <span>Default font size</span></a></li>
                            </ul>
                        </div>

                        <script type="text/javascript">
	var DefaultFontSize=parseInt('3');
	var CurrentFontSize=parseInt('3');
                        </script>

                        <h3>
                            Screen</h3>
                        <div class="ja-box-usertools">
                            <ul class="ja-usertools-screen clearfix">
                                <li class="screen-wide-active">
                                    <input type="radio" id="user_screen_wide" name="user_screen" value="wide" checked="checked" />
                                    <label for="user_screen_wide" title="Wide (default)">
                                        <span>Wide (default)</span>
                                    </label>
                                </li>
                                <li class="screen-auto">
                                    <input type="radio" id="user_screen_auto" name="user_screen" value="auto" />
                                    <label for="user_screen_auto" title="Fluid">
                                        <span>Fluid</span>
                                    </label>
                                </li>
                                <li class="screen-narrow">
                                    <input type="radio" id="user_screen_narrow" name="user_screen" value="narrow" />
                                    <label for="user_screen_narrow" title="Narrow">
                                        <span>Narrow</span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                        <h3>
                            Profile</h3>
                        <div class="ja-box-usertools">
                            <ul class="ja-usertools-profile clearfix">
                                <li class="profile ">
                                    <input type="radio" id="user_profile_dark-blue" name="user_profile" value="dark-blue" />
                                    <label for="user_profile_dark-blue" title="dark-blue">
                                        <span>dark-blue</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_dark-brown" name="user_profile" value="dark-brown" />
                                    <label for="user_profile_dark-brown" title="dark-brown">
                                        <span>dark-brown</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_dark-green" name="user_profile" value="dark-green" />
                                    <label for="user_profile_dark-green" title="dark-green">
                                        <span>dark-green</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_dark-orange" name="user_profile" value="dark-orange" />
                                    <label for="user_profile_dark-orange" title="dark-orange">
                                        <span>dark-orange</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_dark-red" name="user_profile" value="dark-red" />
                                    <label for="user_profile_dark-red" title="dark-red">
                                        <span>dark-red</span>
                                    </label>
                                </li>
                                <li class="profile profile-active">
                                    <input type="radio" id="user_profile_default" name="user_profile" value="default"
                                        checked="checked" />
                                    <label for="user_profile_default" title="default">
                                        <span>default</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_light-blue" name="user_profile" value="light-blue" />
                                    <label for="user_profile_light-blue" title="light-blue">
                                        <span>light-blue</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_light-brown" name="user_profile" value="light-brown" />
                                    <label for="user_profile_light-brown" title="light-brown">
                                        <span>light-brown</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_light-color" name="user_profile" value="light-color" />
                                    <label for="user_profile_light-color" title="light-color">
                                        <span>light-color</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_light-green" name="user_profile" value="light-green" />
                                    <label for="user_profile_light-green" title="light-green">
                                        <span>light-green</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_light-orange" name="user_profile" value="light-orange" />
                                    <label for="user_profile_light-orange" title="light-orange">
                                        <span>light-orange</span>
                                    </label>
                                </li>
                                <li class="profile ">
                                    <input type="radio" id="user_profile_light-red" name="user_profile" value="light-red" />
                                    <label for="user_profile_light-red" title="light-red">
                                        <span>light-red</span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                        <h3>
                            Layout</h3>
                        <div class="ja-box-usertools">
                            <ul class="ja-usertools-layout clearfix">
                                <li class="layout layout-default">
                                    <input type="radio" id="user_layouts_default" name="user_layouts" value="default" />
                                    <label for="user_layouts_default" title="default">
                                        <span>default</span>
                                    </label>
                                </li>
                                <li class="layout layout-main-left-right">
                                    <input type="radio" id="user_layouts_main-left-right" name="user_layouts" value="main-left-right" />
                                    <label for="user_layouts_main-left-right" title="main-left-right">
                                        <span>main-left-right</span>
                                    </label>
                                </li>
                                <li class="layout layout-right-left-main">
                                    <input type="radio" id="user_layouts_right-left-main" name="user_layouts" value="right-left-main" />
                                    <label for="user_layouts_right-left-main" title="right-left-main">
                                        <span>right-left-main</span>
                                    </label>
                                </li>
                                <li class="layout layout-right-main-left">
                                    <input type="radio" id="user_layouts_right-main-left" name="user_layouts" value="right-main-left" />
                                    <label for="user_layouts_right-main-left" title="right-main-left">
                                        <span>right-main-left</span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                        <h3>
                            Direction</h3>
                        <div class="ja-box-usertools">
                            <ul class="ja-usertools-direction clearfix">
                                <li class="direction-ltr-active">
                                    <input type="radio" id="user_direction_ltr" name="user_direction" value="ltr" checked="checked" />
                                    <label for="user_direction_ltr" title="LTR">
                                        <span>LTR</span>
                                    </label>
                                </li>
                                <li class="direction-rtl">
                                    <input type="radio" id="user_direction_rtl" name="user_direction" value="rtl" />
                                    <label for="user_direction_rtl" title="RTL">
                                        <span>RTL</span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                        <h3>
                            Menu Style</h3>
                        <div class="ja-box-usertools">
                            <ul class="ja-usertools-menu clearfix">
                                <li class="menu-mega-active">
                                    <input type="radio" id="user_menu_mega" name="user_menu" value="mega" checked="checked" />
                                    <label for="user_menu_mega" title="Mega Menu">
                                        <span>Mega Menu</span>
                                    </label>
                                </li>
                                <li class="menu-css">
                                    <input type="radio" id="user_menu_css" name="user_menu" value="css" />
                                    <label for="user_menu_css" title="CSS Menu">
                                        <span>CSS Menu</span>
                                    </label>
                                </li>
                                <li class="menu-dropline">
                                    <input type="radio" id="user_menu_dropline" name="user_menu" value="dropline" />
                                    <label for="user_menu_dropline" title="Dropline Menu">
                                        <span>Dropline Menu</span>
                                    </label>
                                </li>
                                <li class="menu-split">
                                    <input type="radio" id="user_menu_split" name="user_menu" value="split" />
                                    <label for="user_menu_split" title="Split Menu">
                                        <span>Split Menu</span>
                                    </label>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="ja-cpanel-action clearfix">
                        <a href="#" onclick="cpanel_apply();return false;" class="button" title="Apply setting">
                            <span>Apply</span></a> <a href="#" onclick="cpanel_reset();return false;" title="Reset to default setting">
                                <span>Reset</span></a> <a target="_blank" href="http://www.joomlart.com/joomla/jat3-framework/"
                                    class="ja-cpanel-video"><span>&nbsp;</span></a>
                    </div>
                </div>
                <a href="#" id="ja-cpanel-toggle"><span>Cpanel</span></a>
            </div>
        </div>

        <script type="text/javascript">
	var tmpl_name = 'ja_anion';
	window.addEvent('load', function () {
		$('ja-cpanel-toggle').status == 'close';
		$('ja-cpanel-toggle').slider = new Fx.Slide('ja-cpanel-main', {duration: 400});
		$('ja-cpanel-toggle').slider.hide();
		$('ja-cpanel').setStyle ('top', 0);
		$('ja-cpanel-toggle').addEvent ('click', function (e) {
			this.slider.toggle();
			if (this.hasClass ('open')) {
				this.removeClass ('open').addClass ('close');
			} else {
				this.removeClass ('close').addClass ('open');
			}
			new Event(e).stop();
		});

	});
        </script>

        <div id="ja-mainnav" class="wrap ">
            <div class="main clearfix">
                <div class="top">
                    <div class="tl">
                    </div>
                    <div class="tr">
                    </div>
                </div>
                <div class="mid clearfix">
                    <div class="ml">
                    </div>
                    <div class="main-inner clearfix">
                        <div class="ja-megamenu clearfix" id="ja-megamenu">
                            <ul class="megamenu level0">
                                <li class="mega first active"><a href="index.html" class="mega first active" id="menu1"
                                    title="Home"><span class="menu-title">Home</span></a></li><li class="mega"><a href="index9173.html?option=com_content&amp;view=article&amp;id=59&amp;Itemid=88"
                                        class="mega" id="menu88" title="Typography"><span class="menu-title">Typography</span></a></li><li
                                            class="mega"><a href="index4cd3.html?option=com_content&amp;view=category&amp;layout=blog&amp;id=37&amp;Itemid=109"
                                                class="mega" id="menu109" title="Blog layout"><span class="menu-title">Blog layout</span></a></li><li
                                                    class="mega haschild"><a href="index0d8d.html?option=com_content&amp;view=article&amp;id=20&amp;Itemid=75"
                                                        class="mega haschild" id="menu75" title="Menu showcase"><span class="menu-title">Menu
                                                            showcase</span></a><div class="childcontent cols1 ">
                                                                <div class="childcontent-inner-wrap">
                                                                    <div class="childcontent-inner clearfix" style="width: 200px;">
                                                                        <div class="megacol column1 first" style="width: 200px;">
                                                                            <ul class="megamenu level1">
                                                                                <li class="mega first"><a href="index0a03.html?menu=split" class="mega first" id="menu77"
                                                                                    title="Split Menu"><span class="menu-title">Split Menu</span></a></li><li class="mega">
                                                                                        <a href="indexdf00.html?menu=css" class="mega" id="menu76" title="CSS Menu"><span
                                                                                            class="menu-title">CSS Menu</span></a></li><li class="mega"><a href="index5c12.html?menu=dropline"
                                                                                                class="mega" id="menu80" title="Dropline menu"><span class="menu-title">Dropline menu</span></a></li><li
                                                                                                    class="mega last"><a href="index1264.html?menu=mega" class="mega last" id="menu79"
                                                                                                        title="Mega menu"><span class="menu-title">Mega menu</span></a></li></ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                </li>
                                <li class="mega haschild"><a href="index29c1.html?option=com_content&amp;view=section&amp;id=4&amp;Itemid=37"
                                    class="mega haschild" id="menu37" title="About Joomla!"><span class="menu-title">About
                                        Joomla!</span></a><div class="childcontent cols3 ">
                                            <div class="childcontent-inner-wrap">
                                                <div class="childcontent-inner clearfix" style="width: 600px;">
                                                    <div class="megacol column1 first" style="width: 200px;">
                                                        <ul class="megamenu level1">
                                                            <li class="mega first group">
                                                                <div class="group">
                                                                    <div class="group-title">
                                                                        <a href="indexd85c.html?option=com_content&amp;view=article&amp;id=24&amp;Itemid=58"
                                                                            class="mega first group" id="menu58" title="Layouts"><span class="menu-title">Layouts</span></a></div>
                                                                    <div class="group-content">
                                                                        <ul class="megamenu level1">
                                                                            <li class="mega first"><a href="index8362.html?layouts=default" class="mega first"
                                                                                id="menu110" title="Left + Main+ Right (Default)"><span class="menu-title">Left + Main+
                                                                                    Right (Default)</span></a></li><li class="mega"><a href="index97f8.html?layouts=right-main-left"
                                                                                        class="mega" id="menu151" title="Right + Main+ Left"><span class="menu-title">Right
                                                                                            + Main+ Left</span></a></li><li class="mega"><a href="indexcd20.html?layouts=main-left-right"
                                                                                                class="mega" id="menu150" title="Main + Left + Right"><span class="menu-title">Main
                                                                                                    + Left + Right</span></a></li><li class="mega"><a href="index2e12.html?layouts=right-left-main"
                                                                                                        class="mega" id="menu152" title="Right + Left + Main"><span class="menu-title">Right
                                                                                                            + Left + Main</span></a></li><li class="mega last"><a href="index176f.html?option=com_wrapper&amp;view=wrapper&amp;Itemid=59"
                                                                                                                class="mega last" id="menu59" title="Wrapper (full width)"><span class="menu-title">
                                                                                                                    Wrapper (full width)</span></a></li></ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="megacol column2" style="width: 200px;">
                                                        <ul class="megamenu level1">
                                                            <li class="mega first group">
                                                                <div class="group">
                                                                    <div class="group-title">
                                                                        <a href="index3fd2.html?option=com_content&amp;view=section&amp;id=5&amp;Itemid=95"
                                                                            class="mega first group" id="menu95" title="What's New in 1.5"><span class="menu-title">
                                                                                What's New in 1.5</span></a></div>
                                                                    <div class="group-content">
                                                                        <ul class="megamenu level1">
                                                                            <li class="mega first"><a href="indexd091.html?option=com_contact&amp;view=contact&amp;id=1&amp;Itemid=83"
                                                                                class="mega first" id="menu83" title="Contact"><span class="menu-title">Contact</span></a></li><li
                                                                                    class="mega"><a href="indexcd7f.html?option=com_contact&amp;view=category&amp;catid=0&amp;Itemid=106"
                                                                                        class="mega" id="menu106" title="Contact Category"><span class="menu-title">Contact
                                                                                            Category</span></a></li><li class="mega"><a href="index6100.html?option=com_weblinks&amp;view=categories&amp;Itemid=48"
                                                                                                class="mega" id="menu48" title="Web Links"><span class="menu-title">Web Links</span></a></li><li
                                                                                                    class="mega"><a href="index8d8d.html?option=com_search&amp;view=search&amp;Itemid=108"
                                                                                                        class="mega" id="menu108" title="Search"><span class="menu-title">Search</span></a></li><li
                                                                                                            class="mega"><a href="indexc3a5.html?option=com_content&amp;view=section&amp;id=3&amp;Itemid=41"
                                                                                                                class="mega" id="menu41" title="FAQ"><span class="menu-title">FAQ</span></a></li><li
                                                                                                                    class="mega"><a href="index666b.html?option=com_newsfeeds&amp;view=categories&amp;Itemid=49"
                                                                                                                        class="mega" id="menu49" title="News Feeds"><span class="menu-title">News Feeds</span></a></li><li
                                                                                                                            class="mega last haschild"><a href="index37a9.html?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=50"
                                                                                                                                class="mega last haschild" id="menu50" title="The News"><span class="menu-title">The
                                                                                                                                    News</span></a><div class="childcontent cols1 ">
                                                                                                                                        <div class="childcontent-inner-wrap">
                                                                                                                                            <div class="childcontent-inner clearfix" style="width: 200px;">
                                                                                                                                                <div class="megacol column1 first" style="width: 200px;">
                                                                                                                                                    <ul class="megamenu level2">
                                                                                                                                                        <li class="mega first"><a href="index9498.html?option=com_content&amp;view=article&amp;id=19&amp;Itemid=27"
                                                                                                                                                            class="mega first" id="menu27" title="Joomla! Overview"><span class="menu-title">Joomla!
                                                                                                                                                                Overview</span></a></li><li class="mega last"><a href="indexa267.html?option=com_content&amp;view=article&amp;id=5&amp;Itemid=2"
                                                                                                                                                                    class="mega last" id="menu2" title="Joomla! License"><span class="menu-title">Joomla!
                                                                                                                                                                        License</span></a></li></ul>
                                                                                                                                                </div>
                                                                                                                                            </div>
                                                                                                                                        </div>
                                                                                                                                    </div>
                                                                                                                        </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="megacol column3 last" style="width: 200px;">
                                                        <ul class="megamenu level1">
                                                            <li class="mega first group">
                                                                <div class="group">
                                                                    <div class="group-title">
                                                                        <a href="indexd8fc.html?option=com_content&amp;view=article&amp;id=20&amp;Itemid=97"
                                                                            class="mega first group" id="menu97" title="Polls"><span class="menu-title">Polls</span></a></div>
                                                                    <div class="group-content">
                                                                        <div class="ja-moduletable moduletable_blank  clearfix" id="Mod16">
                                                                            <div class="ja-box-ct clearfix">
                                                                                <h4 class="poll-title">
                                                                                    Joomla! is used for?</h4>
                                                                                <form name="form2" method="post" action="http://templates.joomlart.com/ja_anion/index.php"
                                                                                class="poll">
                                                                                <input type="radio" name="voteid" id="voteid1" value="1" alt="1" />
                                                                                <label for="voteid1">
                                                                                    Community Sites
                                                                                </label>
                                                                                <br />
                                                                                <input type="radio" name="voteid" id="voteid2" value="2" alt="2" />
                                                                                <label for="voteid2">
                                                                                    Public Brand Sites
                                                                                </label>
                                                                                <br />
                                                                                <input type="radio" name="voteid" id="voteid3" value="3" alt="3" />
                                                                                <label for="voteid3">
                                                                                    eCommerce
                                                                                </label>
                                                                                <br />
                                                                                <input type="radio" name="voteid" id="voteid4" value="4" alt="4" />
                                                                                <label for="voteid4">
                                                                                    Blogs
                                                                                </label>
                                                                                <br />
                                                                                <input type="radio" name="voteid" id="voteid5" value="5" alt="5" />
                                                                                <label for="voteid5">
                                                                                    Intranets
                                                                                </label>
                                                                                <br />
                                                                                <input type="radio" name="voteid" id="voteid6" value="6" alt="6" />
                                                                                <label for="voteid6">
                                                                                    Photo and Media Sites
                                                                                </label>
                                                                                <br />
                                                                                <input type="radio" name="voteid" id="voteid7" value="7" alt="7" />
                                                                                <label for="voteid7">
                                                                                    All of the Above!
                                                                                </label>
                                                                                <br />
                                                                                <input type="submit" name="task_button" class="button" value="Vote" />
                                                                                <a href="index8cf7.html?option=com_poll&amp;id=14:joomla-is-used-for#content" class="poll-result">
                                                                                    Results</a>
                                                                                <input type="hidden" name="option" value="com_poll" />
                                                                                <input type="hidden" name="id" value="14" />
                                                                                <input type="hidden" name="task" value="vote" />
                                                                                <input type="hidden" name="09019beedfc6033ce95dde56a76a1192" value="1" /></form>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </li>
                                <li class="mega haschild"><a href="index168f.html?option=com_content&amp;view=article&amp;id=70&amp;Itemid=140"
                                    class="mega haschild" id="menu140" title="K2 Showcase"><span class="menu-title">K2 Showcase</span></a><div
                                        class="childcontent cols1 ">
                                        <div class="childcontent-inner-wrap">
                                            <div class="childcontent-inner clearfix" style="width: 200px;">
                                                <div class="megacol column1 first" style="width: 200px;">
                                                    <ul class="megamenu level1">
                                                        <li class="mega first haschild"><a href="index0486.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=3&amp;Itemid=129"
                                                            class="mega first haschild" id="menu129" title="K2 Category"><span class="menu-title">
                                                                K2 Category</span></a><div class="childcontent cols1 ">
                                                                    <div class="childcontent-inner-wrap">
                                                                        <div class="childcontent-inner clearfix" style="width: 200px;">
                                                                            <div class="megacol column1 first" style="width: 200px;">
                                                                                <ul class="megamenu level2">
                                                                                    <li class="mega first"><a href="index54f6.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=5&amp;Itemid=130"
                                                                                        class="mega first" id="menu130" title="Action"><span class="menu-title">Action</span></a></li><li
                                                                                            class="mega"><a href="indexa93f.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=4&amp;Itemid=131"
                                                                                                class="mega" id="menu131" title="Romance"><span class="menu-title">Romance</span></a></li><li
                                                                                                    class="mega"><a href="index6b86.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=7&amp;Itemid=132"
                                                                                                        class="mega" id="menu132" title="Family"><span class="menu-title">Family</span></a></li><li
                                                                                                            class="mega"><a href="index362e.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=6&amp;Itemid=133"
                                                                                                                class="mega" id="menu133" title="Musical"><span class="menu-title">Musical</span></a></li><li
                                                                                                                    class="mega"><a href="indexf269.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=12&amp;Itemid=146"
                                                                                                                        class="mega" id="menu146" title="Comedy"><span class="menu-title">Comedy</span></a></li><li
                                                                                                                            class="mega"><a href="indexbdcd.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=14&amp;Itemid=147"
                                                                                                                                class="mega" id="menu147" title="Mystery"><span class="menu-title">Mystery</span></a></li><li
                                                                                                                                    class="mega"><a href="index92c0.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=15&amp;Itemid=148"
                                                                                                                                        class="mega" id="menu148" title="War"><span class="menu-title">War</span></a></li><li
                                                                                                                                            class="mega last"><a href="indexd617.html?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=13&amp;Itemid=149"
                                                                                                                                                class="mega last" id="menu149" title="Horror"><span class="menu-title">Horror</span></a></li></ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                        </li>
                                                        <li class="mega"><a href="index49a9.html?option=com_k2&amp;view=latest&amp;layout=latest&amp;Itemid=135"
                                                            class="mega" id="menu135" title="K2 Latest item"><span class="menu-title">K2 Latest
                                                                item</span></a></li><li class="mega"><a href="indexe27f.html?option=com_k2&amp;view=itemlist&amp;layout=user&amp;id=68&amp;task=user&amp;Itemid=141"
                                                                    class="mega" id="menu141" title="User blog"><span class="menu-title">User blog</span></a></li><li
                                                                        class="mega"><a href="index3d89.html?option=com_k2&amp;view=item&amp;layout=item&amp;id=35&amp;Itemid=142"
                                                                            class="mega" id="menu142" title="K2 Item"><span class="menu-title">K2 Item</span></a></li><li
                                                                                class="mega last"><a href="index7ebd.html?option=com_k2&amp;view=itemlist&amp;layout=generic&amp;tag=Action&amp;task=tag&amp;Itemid=143"
                                                                                    class="mega last" id="menu143" title="K2 Tag"><span class="menu-title">K2 Tag</span></a></li></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="mega haschild"><a href="indexf7d5.html?option=com_content&amp;view=article&amp;id=48&amp;Itemid=89"
                                    class="mega haschild" id="menu89" title="Explore"><span class="menu-title">Explore</span></a><div
                                        class="childcontent cols3 ">
                                        <div class="childcontent-inner-wrap">
                                            <div class="childcontent-inner clearfix" style="width: 600px;">
                                                <div class="megacol column1 first" style="width: 200px;">
                                                    <ul class="megamenu level1">
                                                        <li class="mega first group">
                                                            <div class="group">
                                                                <div class="group-title">
                                                                    <a href="index7411.html?option=com_content&amp;view=archive&amp;Itemid=116" class="mega first group"
                                                                        id="menu116" title="Dark Colors"><span class="menu-title">Dark Colors</span></a></div>
                                                                <div class="group-content">
                                                                    <ul class="megamenu level1">
                                                                        <li class="mega first"><a href="index6e8b.html?profile=default" class="mega first"
                                                                            id="menu90" title="Default color"><span class="menu-title">Default color</span></a></li><li
                                                                                class="mega"><a href="indexe679.html?profile=dark-blue" class="mega" id="menu91"
                                                                                    title="Blue Color"><span class="menu-title">Blue Color</span></a></li><li class="mega">
                                                                                        <a href="index32b4.html?profile=dark-brown" class="mega" id="menu94" title="Brown Color">
                                                                                            <span class="menu-title">Brown Color</span></a></li><li class="mega"><a href="indexacd1.html?profile=dark-green"
                                                                                                class="mega" id="menu92" title="Green Color"><span class="menu-title">Green Color</span></a></li><li
                                                                                                    class="mega"><a href="indexb461.html?profile=dark-orange" class="mega" id="menu111"
                                                                                                        title="Orange Color"><span class="menu-title">Orange Color</span></a></li><li class="mega last">
                                                                                                            <a href="index2b7b.html?profile=dark-red" class="mega last" id="menu113" title="Red Color">
                                                                                                                <span class="menu-title">Red Color</span></a></li></ul>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="megacol column2" style="width: 200px;">
                                                    <ul class="megamenu level1">
                                                        <li class="mega first group">
                                                            <div class="group">
                                                                <div class="group-title">
                                                                    <a href="index46fe.html?option=com_content&amp;view=article&amp;id=28&amp;Itemid=125"
                                                                        class="mega first group" id="menu125" title="Light Colors"><span class="menu-title">
                                                                            Light Colors</span></a></div>
                                                                <div class="group-content">
                                                                    <ul class="megamenu level1">
                                                                        <li class="mega first"><a href="index99e4.html?profile=light-color" class="mega first"
                                                                            id="menu126" title="Light Color"><span class="menu-title">Light Color</span></a></li><li
                                                                                class="mega"><a href="index89ba.html?profile=light-blue" class="mega" id="menu118"
                                                                                    title="Blue Color"><span class="menu-title">Blue Color</span></a></li><li class="mega">
                                                                                        <a href="indexf4c5.html?profile=light-brown" class="mega" id="menu120" title="Brown Color">
                                                                                            <span class="menu-title">Brown Color</span></a></li><li class="mega"><a href="indexfc27.html?profile=light-green"
                                                                                                class="mega" id="menu119" title="Green Color"><span class="menu-title">Green Color</span></a></li><li
                                                                                                    class="mega"><a href="index2450.html?profile=light-orange" class="mega" id="menu121"
                                                                                                        title="Orange Color"><span class="menu-title">Orange Color</span></a></li><li class="mega last">
                                                                                                            <a href="index8b01.html?profile=light-red" class="mega last" id="menu123" title="Red Color">
                                                                                                                <span class="menu-title">Red Color</span></a></li></ul>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="megacol column3 last" style="width: 200px;">
                                                    <ul class="megamenu level1">
                                                        <li class="mega first group">
                                                            <div class="group">
                                                                <div class="group-title">
                                                                    <a href="#" class="mega first group" id="menu156" title="More Info"><span class="menu-title">
                                                                        More Info</span></a></div>
                                                                <div class="group-content">
                                                                    <ul class="megamenu level1">
                                                                        <li class="mega first"><a href="http://www.joomlart.com/joomla/templates/ja-anion"
                                                                            target="_blank" class="mega first" id="menu157" title="Template info"><span class="menu-title">
                                                                                Template info</span></a></li><li class="mega"><a href="index47c4.html?tp=1" target="_blank"
                                                                                    class="mega" id="menu158" title="Module Positions"><span class="menu-title">Module Positions</span></a></li><li
                                                                                        class="mega"><a href="http://www.joomlart.com/forums/forumdisplay.php?10205-JA-Anion-Guides-Tutorials-Tips"
                                                                                            target="_blank" class="mega" id="menu159" title="Userguide"><span class="menu-title">
                                                                                                Userguide</span></a></li><li class="mega last"><a href="http://www.joomlart.com/joomla/templates/ja-anion"
                                                                                                    target="_blank" class="mega last" id="menu160" title="Extensions"><span class="menu-title">
                                                                                                        Extensions</span></a></li></ul>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="mega last haschild"><a href="index8c28.html?option=com_content&amp;view=article&amp;id=26&amp;Itemid=72"
                                    class="mega last haschild" id="menu72" title="RTL Languages"><span class="menu-title">
                                        RTL Languages</span></a><div class="childcontent cols1 ">
                                            <div class="childcontent-inner-wrap">
                                                <div class="childcontent-inner clearfix" style="width: 200px;">
                                                    <div class="megacol column1 first" style="width: 200px;">
                                                        <ul class="megamenu level1">
                                                            <li class="mega first"><a href="indexb57e.html?direction=rtl" class="mega first"
                                                                id="menu73" title="RTL Languages Demo!"><span class="menu-title">RTL Languages Demo!</span></a></li><li
                                                                    class="mega last"><a href="index1bc4.html?direction=ltr" class="mega last" id="menu74"
                                                                        title="LTR Languages Demo!"><span class="menu-title">LTR Languages Demo!</span></a></li></ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </li>
                            </ul>
                        </div>

                        <script type="text/javascript">
			var megamenu = new jaMegaMenuMoo ('ja-megamenu', {
				'bgopacity': 0, 
				'delayHide': 300, 
				'slide': 1, 
				'fading': 0,
				'direction':'down',
				'action':'mouseover',
				'tips': false,
				'duration': 300,
				'hidestyle': 'fastwhenshow'
			});			
                        </script>

                        <!-- jdoc:include type="menu" level="0" / -->
                    </div>
                    <div class="mr">
                    </div>
                </div>
                <div class="bot">
                    <div class="bl">
                    </div>
                    <div class="br">
                    </div>
                </div>
            </div>
        </div>
        <ul class="no-display">
            <li><a href="#ja-content" title="Skip to content">Skip to content</a></li>
        </ul>
        <!-- MAIN CONTAINER -->
        <div id="ja-container" class="wrap ja-lir1">
            <div class="main clearfix">
                <div class="top">
                    <div class="tl">
                    </div>
                    <div class="tr">
                    </div>
                </div>
                <div class="mid clearfix">
                    <div class="ml">
                    </div>
                    <div class="main-inner clearfix">
                        <div id="ja-mainbody" style="width: 70%">
                            <!-- CONTENT -->
                            <div id="ja-main" style="width: 100%">
                                <div class="inner clearfix">
                                    <div id="ja-content-mass-top" class="ja-mass ja-mass-top clearfix">
                                        <div class="ja-slidewrap" id="ja-slide-96" style="visibility: hidden">
                                            <div class="ja-slide-main-wrap">
                                                <div class="ja-slide-main">
                                                    <div class="ja-slide-item">
                                                        <img src="images/resized/images/stories/slideshow/sl-2_659_300.jpg" alt="" />
                                                    </div>
                                                    <div class="ja-slide-item">
                                                        <img src="images/resized/images/stories/slideshow/sl-1_659_300.jpg" alt="" />
                                                    </div>
                                                </div>
                                                <div class="maskDesc">
                                                    <div class="inner">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ja-slide-descs">
                                                <div class="ja-slide-desc">
                                                </div>
                                                <div class="ja-slide-desc">
                                                </div>
                                            </div>
                                            <div class="ja-slide-buttons clearfix">
                                                <span class="ja-slide-prev">&laquo; Previous</span> <span class="ja-slide-playback">
                                                    &lsaquo; PLAYBACK</span> <span class="ja-slide-stop">STOP</span> <span class="ja-slide-play">
                                                        PLAY &rsaquo;</span> <span class="ja-slide-next">Next &raquo;</span>
                                            </div>
                                        </div>

                                        <script type="text/javascript">
  var Ja_direction = '';
  var cookie_path = 'http://templates.joomlart.com/';
  var cur_template_name = 'ja_anion';
  var Ja_maskAlignment = 'left';
  window.addEvent('load', function(){
	 
	   if(typeof(tmpl_name) =='undefined')
	   {
		  cookie_path = "ja_anion_direction";
	   }
	   else
	   {
		  cookie_path = tmpl_name+"_direction";
	   }
		Ja_direction = Cookie.get(cookie_path);
		if(Ja_direction == "")
		{
			Ja_direction = 'ltr';

		}
	   var style_l_value = 'auto';
	   if(cur_template_name == 'ja_norite')
	   {
			style_l_value = '0';
	   }
	   if(Ja_direction == 'rtl')
		{
			setStyleLinkWithRTLDirection();
			$('ja-slide-96').getElement(".ja-slide-main").setStyle('left',style_l_value);
			$('ja-slide-96').getElement(".ja-slide-main").setStyle('right','auto');
			if(Ja_maskAlignment == 'right')
			{
				Ja_maskAlignment == 'left';
			}
			else if(Ja_maskAlignment == 'left')
			{
				Ja_maskAlignment == 'right';
			}
		}
    new JASlideshow2('ja-slide-96', {	
                startItem: 0,
                showItem: 4,
                itemWidth: 20,
                itemHeight: 20,
                mainWidth: 659,
                mainHeight: 300,
				maskWidth: 659,
				maskHeigth:300,
                duration: 400,
                transition: Fx.Transitions.Quad.easeInOut,
                animation: 'fade',
				animationRepeat: 'true',
                thumbOpacity:0.8,			
                maskOpacity: 0.8,
                buttonOpacity: 0.4,
                showDesc: 'desc-readmore',
                descMode: 'load',
                readmoretext: '',
                overlap: 0,
                navigation:'',
                urls:['',''],
				targets:['',''],
				autoPlay: true,
				
				interval: 5000,
				maskAlignment: Ja_maskAlignment,
				languageDirection:( typeof Ja_direction == 'string') ? Ja_direction : '',
				maskerTransStyle:'style',
				maskerTrans:Fx.Transitions.quartOut,
				navePos:'horizontal'	
              });
  });
                                        </script>

                                        <script type="text/javascript" language="javascript">
 function setStyleLinkWithRTLDirection()
 {
    var links = document.getElementsByTagName ('link');
		var script = document.createElement('link');
	script.setAttribute('type', 'text/css');
	script.setAttribute('rel', 'stylesheet');
	script.setAttribute('href', 'modules/mod_jaslideshow2/assets/themes/default/mod_jaslideshow2_rtl.css');
	document.getElementsByTagName("head")[0].appendChild(script);
 }	
                                        </script>

                                    </div>
                                    <div id="ja-contentwrap" class="clearfix ja-li">
                                        <div id="ja-content" class="column" style="width: 100%">
                                            <div id="ja-current-content" class="column" style="width: 71.43%">
                                            
                                            
                                            
                                                <div id="ja-content-top" class="ja-content-top clearfix">
                                                    <div class="ja-moduletable moduletable  clearfix" id="Mod110">
                                                        <h3>
                                                            <span><span>Editor pick</span></span></h3>
                                                        <div class="ja-box-ct clearfix">

                                                            <script type="text/javascript">
		//<!--[CDATA[
		function contentSliderInit () {
			var container =  $('ja-contentslider-110'); 		
			var options={
				w: 148,
				h: 300,
				num_elem: 3,
				mode: 'horizontal', //horizontal or vertical
				direction: 'left', //horizontal: left or right; vertical: up or down
				total: 6,
				url: 'http://templates.joomlart.com/ja_anion/modules/mod_ja_contentslide/mod_ja_contentslide.php',
				wrapper:  container.getElement("div.ja-contentslider-center"),
				duration: 1000,
				interval: 5000,
				modid: 110,
				running: false,
				auto: 0			};		
			
			var jscontentslider = new JS_ContentSlider( options ); 
			
			var elems = container.getElement(".ja-contentslider-center").getElementsByClassName ('content_element');
			for(i=0;i<elems.length;i++){ 
				jscontentslider.update (elems[i].innerHTML, i);
			}
			jscontentslider.setPos(null);
			if(jscontentslider.options.auto){
				jscontentslider.nextRun();
			}
						container.getElement(".ja-contentslide-left-img").onmouseover = function(){setDirection('right',0, jscontentslider);};
			container.getElement(".ja-contentslide-left-img").onmouseout = function(){setDirection('right',1, jscontentslider);};
			container.getElement(".ja-contentslide-right-img").onmouseover = function(){setDirection('left',0, jscontentslider);};
			container.getElement(".ja-contentslide-right-img").onmouseout = function(){setDirection('left',1, jscontentslider);};
				
		}
		
		window.addEvent( 'load', contentSliderInit );
		
		// window.addEvent( 'load', contentSliderInit);
	
		function setDirection(direction,ret, jscontentslider){
			jscontentslider.options.direction = direction;
			if(ret){
			//	$('ja-contentslide-'+direction+'-img').src = 'http://templates.joomlart.com/ja_anion/templates/ja_anion/images/re-'+direction+'.gif';
				jscontentslider.options.interval = 5000;
				jscontentslider.options.duration = 1000;
				jscontentslider.options.auto = 0;
				jscontentslider.nextRun();
			}
			else{
		///		$('ja-contentslide-'+direction+'-img').src = 'http://templates.joomlart.com/ja_anion/templates/ja_anion/images/re-'+direction+'-hover.gif';
				jscontentslider.options.interval = 500;
				jscontentslider.options.duration = 500;
				jscontentslider.options.auto = 1;
				jscontentslider.nextRun();
			}
		}
		//]]-->
				//	alert(.innerHTML ) ;
                                                            </script>

                                                            <div id="ja-contentslider-110" class="ja-contentslider clearfix">
                                                                <div class="ja-contentslider-left" style="height: 300px; line-height: 300px;">
                                                                    <img class="ja-contentslide-left-img" src="templates/ja_anion/images/re-left.gif"
                                                                        alt="left direction" title="left direction" /></div>
                                                                <div class="ja-contentslider-center-wrap clearfix">
                                                                    <div class="ja-contentslider-center">
                                                                        <div class="content_element" style="display: none;">
                                                                            <div class="ja_slideimages clearfix">
                                                                                <a href="index93c5.html?option=com_content&amp;view=article&amp;id=78:cop-out&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">
                                                                                    <img src="images/resized/images/stories/demo/thub-3_132_182.jpg" alt="Cop Out" title="Cop Out"
                                                                                        width="132" height="182" /></a>
                                                                            </div>
                                                                            <div class="ja_slidetitle">
                                                                                <a href="index93c5.html?option=com_content&amp;view=article&amp;id=78:cop-out&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">Cop Out</a>
                                                                            </div>
                                                                            <div class="ja_slideintro">
                                                                                Integer sed auctor felis est leo platea Sed tort...
                                                                            </div>
                                                                            <div class="ja-slidereadmore">
                                                                                <a href="indexde19.html?option=com_content&amp;view=article&amp;id=78:cop-out&amp;catid=40:sidenews&amp;Itemid=95'"
                                                                                    class="readon"><span>Read more</span></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="content_element" style="display: none;">
                                                                            <div class="ja_slideimages clearfix">
                                                                                <a href="indexb5fa.html?option=com_content&amp;view=article&amp;id=77:shutter-island&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">
                                                                                    <img src="images/resized/images/stories/demo/thub-1_132_182.jpg" alt="Shutter Island"
                                                                                        title="Shutter Island" width="132" height="182" /></a>
                                                                            </div>
                                                                            <div class="ja_slidetitle">
                                                                                <a href="indexb5fa.html?option=com_content&amp;view=article&amp;id=77:shutter-island&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">Shutter Island</a>
                                                                            </div>
                                                                            <div class="ja_slideintro">
                                                                                At habitant Aenean mollis libero volutpat orci d...
                                                                            </div>
                                                                            <div class="ja-slidereadmore">
                                                                                <a href="indexadba.html?option=com_content&amp;view=article&amp;id=77:shutter-island&amp;catid=40:sidenews&amp;Itemid=95'"
                                                                                    class="readon"><span>Read more</span></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="content_element" style="display: none;">
                                                                            <div class="ja_slideimages clearfix">
                                                                                <a href="indexe948.html?option=com_content&amp;view=article&amp;id=76:the-lightning-thief&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">
                                                                                    <img src="images/resized/images/stories/demo/thub-2_132_182.jpg" alt="The Lightning Thief"
                                                                                        title="The Lightning Thief" width="132" height="182" /></a>
                                                                            </div>
                                                                            <div class="ja_slidetitle">
                                                                                <a href="indexe948.html?option=com_content&amp;view=article&amp;id=76:the-lightning-thief&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">The Lightning Thief</a>
                                                                            </div>
                                                                            <div class="ja_slideintro">
                                                                                Vel nec Duis felis neque mauris mollis semper so...
                                                                            </div>
                                                                            <div class="ja-slidereadmore">
                                                                                <a href="indexd18a.html?option=com_content&amp;view=article&amp;id=76:the-lightning-thief&amp;catid=40:sidenews&amp;Itemid=95'"
                                                                                    class="readon"><span>Read more</span></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="content_element" style="display: none;">
                                                                            <div class="ja_slideimages clearfix">
                                                                                <a href="indexd38b.html?option=com_content&amp;view=article&amp;id=75:winters-bone&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">
                                                                                    <img src="images/resized/images/stories/demo/thub-4_132_182.jpg" alt="Winter's Bone"
                                                                                        title="Winter's Bone" width="132" height="182" /></a>
                                                                            </div>
                                                                            <div class="ja_slidetitle">
                                                                                <a href="indexd38b.html?option=com_content&amp;view=article&amp;id=75:winters-bone&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">Winter's Bone</a>
                                                                            </div>
                                                                            <div class="ja_slideintro">
                                                                                Rutrum Nunc pede Mauris urna tristique dolor con...
                                                                            </div>
                                                                            <div class="ja-slidereadmore">
                                                                                <a href="indexa85b.html?option=com_content&amp;view=article&amp;id=75:winters-bone&amp;catid=40:sidenews&amp;Itemid=95'"
                                                                                    class="readon"><span>Read more</span></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="content_element" style="display: none;">
                                                                            <div class="ja_slideimages clearfix">
                                                                                <a href="indexb536.html?option=com_content&amp;view=article&amp;id=74:nowhere-boy&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">
                                                                                    <img src="images/resized/images/stories/demo/thub-5_132_182.jpg" alt="Nowhere Boy"
                                                                                        title="Nowhere Boy" width="132" height="182" /></a>
                                                                            </div>
                                                                            <div class="ja_slidetitle">
                                                                                <a href="indexb536.html?option=com_content&amp;view=article&amp;id=74:nowhere-boy&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">Nowhere Boy</a>
                                                                            </div>
                                                                            <div class="ja_slideintro">
                                                                                Urna pretium ligula Pellentesque laoreet eu male...
                                                                            </div>
                                                                            <div class="ja-slidereadmore">
                                                                                <a href="index81c1.html?option=com_content&amp;view=article&amp;id=74:nowhere-boy&amp;catid=40:sidenews&amp;Itemid=95'"
                                                                                    class="readon"><span>Read more</span></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="content_element" style="display: none;">
                                                                            <div class="ja_slideimages clearfix">
                                                                                <a href="indexa2fc.html?option=com_content&amp;view=article&amp;id=73:jonah-hex&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">
                                                                                    <img src="images/resized/images/stories/demo/thub-6_132_182.jpg" alt="Jonah Hex"
                                                                                        title="Jonah Hex" width="132" height="182" /></a>
                                                                            </div>
                                                                            <div class="ja_slidetitle">
                                                                                <a href="indexa2fc.html?option=com_content&amp;view=article&amp;id=73:jonah-hex&amp;catid=40:sidenews&amp;Itemid=95"
                                                                                    title="">Jonah Hex</a>
                                                                            </div>
                                                                            <div class="ja_slideintro">
                                                                                Quis convallis et id Aliquam leo Vestibulum lobo...
                                                                            </div>
                                                                            <div class="ja-slidereadmore">
                                                                                <a href="index3b73.html?option=com_content&amp;view=article&amp;id=73:jonah-hex&amp;catid=40:sidenews&amp;Itemid=95'"
                                                                                    class="readon"><span>Read more</span></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="ja-contentslider-right" style="height: 300px; line-height: 300px;">
                                                                    <img class="ja-contentslide-right-img" src="templates/ja_anion/images/re-right.gif"
                                                                        alt="right direction" title="right direction" /></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="ja-content-main" class="ja-content-main clearfix">
                                                    <h1 class="componentheading">
                                                        <span><span>Latest Reviews</span></span>
                                                    </h1>
                                                    <div class="blog">
                                                        <div class="article_row cols1 clearfix">
                                                            <div class="article_column column1">
                                                                <div class="contentpaneopen haveimage clearfix">
                                                                    <div class="article-image">
                                                                        <img class="caption" src="images/stories/demo/sam-1.jpg" border="0" alt="Demo image"
                                                                            align="left" /></div>
                                                                    <div class="article-main">
                                                                        <h2 class="contentheading">
                                                                            <a href="indexa9de.html?option=com_content&amp;view=article&amp;id=48:avatar&amp;catid=35:demo-category&amp;Itemid=89"
                                                                                class="contentpagetitle">Avatar </a>
                                                                        </h2>
                                                                        <div class="article-tools clearfix">
                                                                            <div class="article-meta">
                                                                                <span class="createby">administrator, </span><span class="createdate">on 12 August 2008
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="article-content">
                                                                            <p>
                                                                                Lorem ipsum dolor sit amet consectetuer urna quis vel convallis tincidunt. Nam in
                                                                                sed ultrices tristique mi non ut facilisi id non. Et Sed egestas tristique lacinia
                                                                                nibh ridiculus <a href="#" title="Sample link">adipiscing faucibus amet sed</a>
                                                                                Condimentum Nam iaculis Nam tincidunt.</p>
                                                                        </div>
                                                                        <a href="indexa9de.html?option=com_content&amp;view=article&amp;id=48:avatar&amp;catid=35:demo-category&amp;Itemid=89"
                                                                            title="Avatar" class="readon">Read the full story</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="article_row cols1 clearfix">
                                                            <div class="article_column column1">
                                                                <div class="contentpaneopen haveimage clearfix">
                                                                    <div class="article-image">
                                                                        <img class="caption" src="images/stories/demo/sam-2.jpg" border="0" alt="Demo image"
                                                                            align="left" /></div>
                                                                    <div class="article-main">
                                                                        <h2 class="contentheading">
                                                                            <a href="index47f4.html?option=com_content&amp;view=article&amp;id=49:clash-of-the-titans-superblade&amp;catid=35:demo-category&amp;Itemid=95"
                                                                                class="contentpagetitle">Clash of the Titans Superblade </a>
                                                                        </h2>
                                                                        <div class="article-tools clearfix">
                                                                            <div class="article-meta">
                                                                                <span class="createby">administrator, </span><span class="createdate">on 12 August 2008
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="article-content">
                                                                            <p>
                                                                                Even knowing the technique is important in this kind of design, is more about creativity
                                                                                and experimentation. You will learn how to use the Art History Brush and combine
                                                                                it with watercolor custom. Tellus turpis mauris dui euismod sit nibh id at semper
                                                                                vitae.</p>
                                                                        </div>
                                                                        <a href="index47f4.html?option=com_content&amp;view=article&amp;id=49:clash-of-the-titans-superblade&amp;catid=35:demo-category&amp;Itemid=95"
                                                                            title="Clash of the Titans Superblade" class="readon">Read the full story</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="article_row cols1 clearfix">
                                                            <div class="article_column column1">
                                                                <div class="contentpaneopen haveimage clearfix">
                                                                    <div class="article-image">
                                                                        <img class="caption" src="images/stories/demo/sam-3.jpg" border="0" alt="Source: joomlart.com"
                                                                            align="left" /></div>
                                                                    <div class="article-main">
                                                                        <h2 class="contentheading">
                                                                            <a href="index2912.html?option=com_content&amp;view=article&amp;id=47:iron-man-2&amp;catid=35:demo-category&amp;Itemid=95"
                                                                                class="contentpagetitle">Iron Man 2 </a>
                                                                        </h2>
                                                                        <div class="article-tools clearfix">
                                                                            <div class="article-meta">
                                                                                <span class="createby">administrator, </span><span class="createdate">on 12 August 2008
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="article-content">
                                                                            <p>
                                                                                In id, mauris viverra asperiores, bibendum in id. Eu molestie. Uc sit eu. Id iaculis
                                                                                id, pulvinar ut imperdiet. Gravida vivamus adipiscing, vitae ut ac, neque venenatis
                                                                                cras tincidunt, ut tellus et. Gravida scelerisque. Tellus turpis mauris dui euismod
                                                                                sit nibh id at semper vitae.</p>
                                                                        </div>
                                                                        <a href="index2912.html?option=com_content&amp;view=article&amp;id=47:iron-man-2&amp;catid=35:demo-category&amp;Itemid=95"
                                                                            title="Iron Man 2" class="readon">Read the full story</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="pagination clearfix">
                                                            <p class="counter">
                                                                <span>Page 1 of 2</span>
                                                            </p>
                                                            <div class="pagination">
                                                                <ul>
                                                                    <li><span>&laquo;</span></li><li class="pagination-start">&nbsp;<span class="pagenav">Start</span>&nbsp;</li><li
                                                                        class="pagination-prev">&nbsp;<span class="pagenav">Prev</span>&nbsp;</li><li>&nbsp;<span
                                                                            class="pagenav">1</span>&nbsp;</li><li>&nbsp;<strong><a href="indexbc94.html?limitstart=3"
                                                                                title="2">2</a></strong>&nbsp;</li><li class="pagination-next">&nbsp;<strong><a href="indexbc94.html?limitstart=3"
                                                                                    title="Next">Next</a></strong>&nbsp;</li><li class="pagination-end">&nbsp;<strong><a
                                                                                        href="indexbc94.html?limitstart=3" title="End">End</a></strong>&nbsp;</li><li><span>
                                                                                            &raquo;</span></li></ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="ja-inset1" class="ja-col column ja-inset1" style="width: 28.57%">
                                                <div class="ja-moduletable moduletable_hilite  clearfix" id="Mod1">
                                                    <h3>
                                                        <span><span>Main menu</span></span></h3>
                                                    <div class="ja-box-ct clearfix">
                                                        <ul class="menu">
                                                            <li id="current" class="active item1"><a href="index.html"><span>Home</span></a></li><li
                                                                class="item88"><a href="index9173.html?option=com_content&amp;view=article&amp;id=59&amp;Itemid=88">
                                                                    <span>Typography</span></a></li><li class="item109"><a href="index4cd3.html?option=com_content&amp;view=category&amp;layout=blog&amp;id=37&amp;Itemid=109">
                                                                        <span>Blog layout</span></a></li><li class="parent item75"><a href="index0d8d.html?option=com_content&amp;view=article&amp;id=20&amp;Itemid=75">
                                                                            <span>Menu showcase</span></a></li><li class="parent item37"><a href="index29c1.html?option=com_content&amp;view=section&amp;id=4&amp;Itemid=37">
                                                                                <span>About Joomla!</span></a></li><li class="parent item140"><a href="index168f.html?option=com_content&amp;view=article&amp;id=70&amp;Itemid=140">
                                                                                    <span>K2 Showcase</span></a></li><li class="parent item89"><a href="indexf7d5.html?option=com_content&amp;view=article&amp;id=48&amp;Itemid=89">
                                                                                        <span>Explore</span></a></li><li class="parent item72"><a href="index8c28.html?option=com_content&amp;view=article&amp;id=26&amp;Itemid=72">
                                                                                            <span>RTL Languages</span></a></li></ul>
                                                    </div>
                                                </div>
                                                <div class="ja-moduletable moduletable_menu  clearfix" id="Mod31">
                                                    <h3>
                                                        <span><span>Resources</span></span></h3>
                                                    <div class="ja-box-ct clearfix">
                                                        <ul class="menu">
                                                            <li class="item11"><a href="http://www.joomla.org/"><span>Joomla! Home</span></a></li><li
                                                                class="item12"><a href="http://forum.joomla.org/"><span>Joomla! Forums</span></a></li><li
                                                                    class="item13"><a href="http://docs.joomla.org/"><span>Joomla! Documentation</span></a></li><li
                                                                        class="item14"><a href="http://community.joomla.org/"><span>Joomla! Community</span></a></li><li
                                                                            class="item15"><a href="http://community.joomla.org/magazine.html"><span>Joomla! Magazine</span></a></li><li
                                                                                class="item16"><a href="http://www.opensourcematters.org/"><span>OSM Home</span></a></li><li
                                                                                    class="item17"><a href="administrator/index.html"><span>Administrator</span></a></li></ul>
                                                    </div>
                                                </div>
                                                <div class="ja-moduletable moduletable  clearfix" id="Mod95">
                                                    <h3>
                                                        <span><span>Twitter</span></span></h3>
                                                    <div class="ja-box-ct clearfix">
                                                        <div class="ja-twitter">
                                                            <!-- ACCOUNT INFOMATION -->
                                                            <!-- // ACCOUNT INFOMATION -->
                                                            <!-- LISTING TWEETS -->
                                                            <div class="ja-twitter-tweets">
                                                                <div class="ja-twitter-item clearfix">
                                                                    <span class="ja-twitter-bubble-arrow">&nbsp;</span>
                                                                    <div class="ja-twwitter-desc">
                                                                        <div class="ja-twitter-source">
                                                                            From <span><a href="http://www.tweetdeck.com/" rel="nofollow">TweetDeck</a></span>
                                                                        </div>
                                                                        <div class="ja-twitter-text">
                                                                            <a href="http://twitter.com/JoomlArt" target="_blank">JoomlArt</a> RT <a href="http://www.twitter.com/ElinWaring:">
                                                                                @ElinWaring:</a> 25 Million + downloads <a target="_blank" href="http://twitter.com/search?q=#joomla">
                                                                                    joomla</a> <a href="http://t.co/rlj0Emf">http://t.co/rlj0Emf</a> :)
                                                                        </div>
                                                                        <div class="ja-twitter-date" style="">
                                                                            About 10 hours ago
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="ja-twitter-item clearfix">
                                                                    <span class="ja-twitter-bubble-arrow">&nbsp;</span>
                                                                    <div class="ja-twwitter-desc">
                                                                        <div class="ja-twitter-source">
                                                                            From <span><a href="http://www.tweetdeck.com/" rel="nofollow">TweetDeck</a></span>
                                                                        </div>
                                                                        <div class="ja-twitter-text">
                                                                            <a href="http://twitter.com/JoomlArt" target="_blank">JoomlArt</a> RT <a href="http://www.twitter.com/corephp:">
                                                                                @corephp:</a> Major release - WordPress for Joomla! 3.2.1 now available <a href="http://t.co/RwclyeY">
                                                                                    http://t.co/RwclyeY</a> <a target="_blank" href="http://twitter.com/search?q=#wordpress">
                                                                                        wordpress</a> <a target="_blank" href="http://twitter.com/search?q=#joomla">joomla</a>
                                                                            <a target="_blank" href="http://twitter.com/search?q=#jos">jos</a> <a target="_blank"
                                                                                href="http://twitter.com/search?q=#blog">blog</a>
                                                                        </div>
                                                                        <div class="ja-twitter-date" style="">
                                                                            About 10 hours ago
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- //LISTING TWEETS -->
                                                            <!-- LISTING FRIENDS -->
                                                            <!-- //LISTING FRIENDS -->
                                                            <center>

                                                                <script src="../../platform.twitter.com/anywhere7866.js?id=1&amp;v=1" type="text/javascript"></script>

                                                                <div id="anywhere-block-follow-button">
                                                                </div>

                                                                <script type="text/javascript">
				  /* <![CDATA[ */
				  twttr.anywhere(function (twitter) {
						  twitter("#anywhere-block-follow-button").followButton("joomlart");
					  });
					/* ]]> */
                                                                </script>

                                                            </center>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- //CONTENT -->
                        </div>
                        <!-- RIGHT COLUMN-->
                        <div id="ja-right" class="column sidebar" style="width: 30%">
                            <div class="ja-colswrap clearfix ja-r1">
                                <div id="ja-right1" class="ja-col  column" style="width: 100%">
                                    <div class="ja-moduletable moduletable_hilite moduletable_tab  clearfix" id="Mod98">
                                        <div class="ja-box-ct clearfix">
                                            <div class="ja-tabswrap anion" style="width: 100%;">
                                                <div id="myTab-366078093" class="container">
                                                    <div class="ja-tabs-title-top" style="height: 30px;">
                                                        <ul class="ja-tabs-title">
                                                            <li title="Popular">
                                                                <h3>
                                                                    <span>Popular</span></h3>
                                                            </li>
                                                            <li title="Latest">
                                                                <h3>
                                                                    <span>Latest</span></h3>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="ja-tab-panels-top">
                                                        <div class="ja-tab-content">
                                                            <div class="ja-tab-subcontent">
                                                                <ul class="ja-bullettin clearfix">
                                                                    <li><a href="indexa9de.html?option=com_content&amp;view=article&amp;id=48:avatar&amp;catid=35:demo-category&amp;Itemid=89"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-1_40_40.jpg" alt="Avatar" title="Avatar" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="indexa9de.html?option=com_content&amp;view=article&amp;id=48:avatar&amp;catid=35:demo-category&amp;Itemid=89"
                                                                                class="mostread">Avatar</a> <span>20 July 2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="indexdf06.html?option=com_content&amp;view=article&amp;id=50:the-last-airbender&amp;catid=35:demo-category&amp;Itemid=95"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-4_40_40.jpg" alt="The Last Airbender"
                                                                            title="The Last Airbender" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="indexdf06.html?option=com_content&amp;view=article&amp;id=50:the-last-airbender&amp;catid=35:demo-category&amp;Itemid=95"
                                                                                class="mostread">The Last Airbender</a> <span>20 July 2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="index47f4.html?option=com_content&amp;view=article&amp;id=49:clash-of-the-titans-superblade&amp;catid=35:demo-category&amp;Itemid=95"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-2_40_40.jpg" alt="Clash of the Titans Superblade"
                                                                            title="Clash of the Titans Superblade" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="index47f4.html?option=com_content&amp;view=article&amp;id=49:clash-of-the-titans-superblade&amp;catid=35:demo-category&amp;Itemid=95"
                                                                                class="mostread">Clash of the Titans Superblade</a> <span>20 July 2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="index2912.html?option=com_content&amp;view=article&amp;id=47:iron-man-2&amp;catid=35:demo-category&amp;Itemid=95"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-3_40_40.jpg" alt="Iron Man 2" title="Iron Man 2" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="index2912.html?option=com_content&amp;view=article&amp;id=47:iron-man-2&amp;catid=35:demo-category&amp;Itemid=95"
                                                                                class="mostread">Iron Man 2</a> <span>20 July 2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="index005d.html?option=com_content&amp;view=article&amp;id=79:who-we-are-&amp;catid=35:demo-category&amp;Itemid=95"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-1_40_40.png" alt="Who we are ?"
                                                                            title="Who we are ?" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="index005d.html?option=com_content&amp;view=article&amp;id=79:who-we-are-&amp;catid=35:demo-category&amp;Itemid=95"
                                                                                class="mostread">Who we are ?</a> <span>09 July 2010</span>
                                                                        </div>
                                                                    </li>
                                                                </ul>

                                                                <script type="text/javascript">
  var Ja_direction = '';
  var cookie_path = 'http://templates.joomlart.com/';
  var cur_template_name = 'ja_anion';
  window.addEvent('load', function(){
	 
		   if(typeof(tmpl_name) =='undefined')
		   {
			  cookie_path = "ja_anion_direction";
		   }
		   else
		   {
			  cookie_path = tmpl_name+"_direction";
		   }
		   Ja_direction = Cookie.get(cookie_path);
		   if(!Ja_direction)
		   {
				cookie_path = cookie_path.replace("_direction","_profile");
			   Ja_direction = Cookie.get(cookie_path); 
		   }
		   var style_l_value = 'auto';
		   if(Ja_direction == 'rtl')
			{
			  					setStyleLinkWithRTLDirection();
						//	var ul_wrapper = $('Mod101').getElement("ul.ja-bulletin");
			//	ul_wrapper.getElements("li img").each();
			}
	});
                                                                </script>

                                                                <script type="text/javascript" language="javascript">
 function setStyleLinkWithRTLDirection()
 {
    var links = document.getElementsByTagName ('link');
		var script = document.createElement('link');
	script.setAttribute('type', 'text/css');
	script.setAttribute('rel', 'stylesheet');
	script.setAttribute('href', 'modules/mod_jabulletin/assets/mod_jabuletin_rtl.css');
	document.getElementsByTagName("head")[0].appendChild(script);
 }	
                                                                </script>

                                                            </div>
                                                        </div>
                                                        <div class="ja-tab-content">
                                                            <div class="ja-tab-subcontent">
                                                                <ul class="ja-bullettin clearfix">
                                                                    <li><a href="index1c22.html?option=com_content&amp;view=article&amp;id=68:libero-purus-tortor-vel-mauris-et-nec-pellentesque&amp;catid=37:blog-category&amp;Itemid=109"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-6_40_40.jpg" alt="Libero purus tortor vel Mauris et nec Pellentesque"
                                                                            title="Libero purus tortor vel Mauris et nec Pellentesque" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="index1c22.html?option=com_content&amp;view=article&amp;id=68:libero-purus-tortor-vel-mauris-et-nec-pellentesque&amp;catid=37:blog-category&amp;Itemid=109"
                                                                                class="mostread">Libero purus tortor vel Mauris et nec Pellentesque</a> <span>10 June
                                                                                    2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="index9d4b.html?option=com_content&amp;view=article&amp;id=84:scelerisque-et-leo&amp;catid=37:blog-category&amp;Itemid=109"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-11_40_40.jpg" alt="Scelerisque et leo"
                                                                            title="Scelerisque et leo" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="index9d4b.html?option=com_content&amp;view=article&amp;id=84:scelerisque-et-leo&amp;catid=37:blog-category&amp;Itemid=109"
                                                                                class="mostread">Scelerisque et leo</a> <span>22 June 2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="indexf94c.html?option=com_content&amp;view=article&amp;id=83:elit-nulla-nibh-id&amp;catid=37:blog-category&amp;Itemid=109"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-12_40_40.jpg" alt="Elit nulla nibh id"
                                                                            title="Elit nulla nibh id" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="indexf94c.html?option=com_content&amp;view=article&amp;id=83:elit-nulla-nibh-id&amp;catid=37:blog-category&amp;Itemid=109"
                                                                                class="mostread">Elit nulla nibh id</a> <span>10 June 2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="index5de5.html?option=com_content&amp;view=article&amp;id=69:convallis-maecenas-nam-quis-sed-venenatis&amp;catid=37:blog-category&amp;Itemid=109"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-5_40_40.jpg" alt="Convallis Maecenas Nam quis Sed venenatis"
                                                                            title="Convallis Maecenas Nam quis Sed venenatis" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="index5de5.html?option=com_content&amp;view=article&amp;id=69:convallis-maecenas-nam-quis-sed-venenatis&amp;catid=37:blog-category&amp;Itemid=109"
                                                                                class="mostread">Convallis Maecenas Nam quis Sed venenatis</a> <span>22 June 2010</span>
                                                                        </div>
                                                                    </li>
                                                                    <li><a href="indexe72c.html?option=com_content&amp;view=article&amp;id=67:eget-elit-lacinia-nunc-consequat-ullamcorper&amp;catid=37:blog-category&amp;Itemid=109"
                                                                        class="mostread-image">
                                                                        <img src="images/resized/images/stories/demo/sam-7_40_40.jpg" alt="Eget elit lacinia nunc consequat ullamcorper"
                                                                            title="Eget elit lacinia nunc consequat ullamcorper" />
                                                                    </a>
                                                                        <div style="padding-left: 50px">
                                                                            <a href="indexe72c.html?option=com_content&amp;view=article&amp;id=67:eget-elit-lacinia-nunc-consequat-ullamcorper&amp;catid=37:blog-category&amp;Itemid=109"
                                                                                class="mostread">Eget elit lacinia nunc consequat ullamcorper</a> <span>10 June 2010</span>
                                                                        </div>
                                                                    </li>
                                                                </ul>

                                                                <script type="text/javascript">
  var Ja_direction = '';
  var cookie_path = 'http://templates.joomlart.com/';
  var cur_template_name = 'ja_anion';
  window.addEvent('load', function(){
	 
		   if(typeof(tmpl_name) =='undefined')
		   {
			  cookie_path = "ja_anion_direction";
		   }
		   else
		   {
			  cookie_path = tmpl_name+"_direction";
		   }
		   Ja_direction = Cookie.get(cookie_path);
		   if(!Ja_direction)
		   {
				cookie_path = cookie_path.replace("_direction","_profile");
			   Ja_direction = Cookie.get(cookie_path); 
		   }
		   var style_l_value = 'auto';
		   if(Ja_direction == 'rtl')
			{
			  			//	var ul_wrapper = $('Mod102').getElement("ul.ja-bulletin");
			//	ul_wrapper.getElements("li img").each();
			}
	});
                                                                </script>

                                                                <script type="text/javascript" language="javascript">
 function setStyleLinkWithRTLDirection()
 {
    var links = document.getElementsByTagName ('link');
		var script = document.createElement('link');
	script.setAttribute('type', 'text/css');
	script.setAttribute('rel', 'stylesheet');
	script.setAttribute('href', 'modules/mod_jabulletin/assets/mod_jabuletin_rtl.css');
	document.getElementsByTagName("head")[0].appendChild(script);
 }	
                                                                </script>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <script type="text/javascript" charset="utf-8">
						window.addEvent("load", function(){
							new JATabs("myTab-366078093", {animType:'animNone',style:'anion',position:'top',width:'100%',height:'auto',mouseType:'click',duration:1000,colors:10,useAjax:false,ids:'101,102',skipAnim:false});		
						});																	
                                            </script>

                                        </div>
                                    </div>
                                    <div class="ja-moduletable moduletable  clearfix" id="Mod81">
                                        <h3>
                                            <span><span>Who we are?</span></span></h3>
                                        <div class="ja-box-ct clearfix">
                                            <div class="ja-innerdiv">
                                                <img src="images/stories/demo/sam-1.png" border="0" alt="JoomlArt.com" align="right" />
                                                <p>
                                                    Ante at metus vitae vitae habitant In justo Pellentesque sapien ipsum. Ipsum Pellentesque
                                                    Donec fermentum feugiat gravida</p>
                                                <a href="indexf586.html?option=com_content&amp;view=article&amp;id=79:avatar&amp;catid=35:demo-category&amp;Itemid=95"
                                                    title="Who we are ?">Read more About us...</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ja-moduletable moduletable  clearfix" id="Mod111">
                                        <h3>
                                            <span><span>Video of the day</span></span></h3>
                                        <div class="ja-box-ct clearfix">
                                            <p>
                                                <object width="240" height="160" data="http://www.youtube.com/v/NnD2n_NBGMg?fs=1&amp;hl=en_US&amp;autoplay=0&amp;showinfo=0&amp;rel=0"
                                                    type="application/x-shockwave-flash">
                                                    <param name="movie" value="http://www.youtube.com/v/NnD2n_NBGMg?fs=1&amp;hl=en_US&amp;autoplay=0&amp;showinfo=0&amp;rel=0" />
                                                </object>
                                            </p>
                                            <p>
                                                <a class="ja-title" href="#"><strong>New High-Definition Trailer</strong></a></p>
                                            <p>
                                                Universal Studios resurrects the classic lycanthrope with this tale of a man who
                                                experiences an unse...</p>
                                        </div>
                                    </div>
                                    <div class="ja-moduletable moduletable  clearfix" id="Mod104">
                                        <h3>
                                            <span><span>Movie news</span></span></h3>
                                        <div class="ja-box-ct clearfix">
                                            <div class="ja-sidenews-list clearfix">
                                                <div class="ja-slidenews-item clearfix">
                                                    <a class="ja-title" href="indexfadf.html?option=com_content&amp;view=article&amp;id=82:robin-hood&amp;catid=41:movie-news&amp;Itemid=95">
                                                        Robin Hood</a> <span class="ja-createdate">20 May 2010 </span>
                                                    <img src="images/resized/images/stories/demo/thub-mv03_38_38.jpg" align="left" alt="Robin Hood"
                                                        title="Robin Hood" />
                                                    Integer sed auctor felis est leo platea Sed tortor quis Nullam. Justo fermentum
                                                    turpis elit id auctor Sed tincidunt justo pellentesque sollicitudin....
                                                </div>
                                                <div class="ja-slidenews-item clearfix">
                                                    <a class="ja-title" href="index9ce7.html?option=com_content&amp;view=article&amp;id=81:restrepo&amp;catid=41:movie-news&amp;Itemid=95">
                                                        Restrepo</a> <span class="ja-createdate">20 May 2010 </span>
                                                    <img src="images/resized/images/stories/demo/thub-mv01_38_38.jpg" align="left" alt="Restrepo"
                                                        title="Restrepo" />
                                                    At habitant Aenean mollis libero volutpat orci dignissim eros nibh suscipit. Porta
                                                    pharetra porta Vestibulum commodo quis enim Maecenas sit et Vesti...
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ja-moduletable moduletable  clearfix" id="Mod21">
                                        <h3>
                                            <span><span>Who's Online</span></span></h3>
                                        <div class="ja-box-ct clearfix">
                                            We have&nbsp;10 guests&nbsp;online
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- //RIGHT COLUMN-->
                    </div>
                    <div class="mr">
                    </div>
                </div>
                <div class="bot">
                    <div class="bl">
                    </div>
                    <div class="br">
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
	/*fix height for middle area columns*/
	function fixColsHeight () {
		equalHeight (['ja-left', 'ja-main', 'ja-right']);
		fixHeight (['ja-right1', 'ja-right2'], ['ja-right'], ['ja-right-mass-top', 'ja-right-mass-bottom']);
		fixHeight (['ja-left1', 'ja-left2'], ['ja-left'], ['ja-left-mass-top', 'ja-left-mass-bottom']);
		fixHeight (['ja-current-content', 'ja-inset1', 'ja-inset2'],['ja-main'], ['ja-content-mass-top','ja-content-mass-bottom']);
		fixHeight (['ja-content-main'], ['ja-current-content'], ['ja-content-top', 'ja-content-bottom']);
	}
	window.addEvent ('load', function () {
		fixColsHeight.delay (100, this);
	});
        </script>

        <!-- //MAIN CONTAINER -->
        <div id="ja-botsl" class="wrap ">
            <div class="main clearfix">
                <div class="top">
                    <div class="tl">
                    </div>
                    <div class="tr">
                    </div>
                </div>
                <div class="mid clearfix">
                    <div class="ml">
                    </div>
                    <div class="main-inner clearfix">
                        <!-- SPOTLIGHT -->
                        <div class="ja-box column ja-box-left" style="width: 25%;">
                            <div class="ja-moduletable moduletable  clearfix" id="Mod54">
                                <h3>
                                    <span><span>T3 Framework</span></span></h3>
                                <div class="ja-box-ct clearfix">
                                    <p>
                                        In at tortor eget purus commodo aliquet eget non tortor. In consequat, ante id placerat
                                        iaculis, nunc erat pretium neque, at venenati...</p>
                                </div>
                            </div>
                        </div>
                        <div class="ja-box column ja-box-center" style="width: 25%;">
                            <div class="ja-moduletable moduletable  clearfix" id="Mod71">
                                <h3>
                                    <span><span>6 Preset Styles</span></span></h3>
                                <div class="ja-box-ct clearfix">
                                    <p>
                                        Rhoncus sed. Lectus vitae augue, mauris tincidunt. Ut nec fermentum, dolor vestibulum.</p>
                                    <div class="text-note">
                                        Black, Blue, Brown, Green, Orange, Red</div>
                                </div>
                            </div>
                        </div>
                        <div class="ja-box column ja-box-center" style="width: 25%;">
                            <div class="ja-moduletable moduletable testimonialModule  clearfix" id="Mod53">
                                <h3>
                                    <span><span>Multi Menu</span></span></h3>
                                <div class="ja-box-ct clearfix">
                                    <p>
                                        Nunc erat pretium neque, at venenatis arcu ipsum ac metus. Aliquam pharetra dapibus
                                        blandit.</p>
                                    <ul class="two-cols clearfix">
                                        <li><a href="index9ea9.html?ja_menu=split">Split Menu</a></li>
                                        <li><a href="index702a.html?ja_menu=dropline">Dropline Menu</a></li>
                                        <li><a href="index9408.html?ja_menu=css">CSS Menu</a></li>
                                        <li><a href="index8e9f.html?ja_menu=mega">Mega Menu</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="ja-box column ja-box-right" style="width: 25%;">
                            <div class="ja-moduletable moduletable  clearfix" id="Mod75">
                                <h3>
                                    <span><span>What is Joomla?</span></span></h3>
                                <div class="ja-box-ct clearfix">
                                    <p>
                                        Joomla is an award-winning content management system (CMS), which enables you to...</p>
                                    <div class="text-note">
                                        Praesent lacus convallis urna vel incidunt pellentesque...</div>
                                </div>
                            </div>
                        </div>
                        <!-- SPOTLIGHT -->

                        <script type="text/javascript">
	window.addEvent('load', function (){ equalHeight ('#ja-botsl .ja-box') });
                        </script>

                    </div>
                    <div class="mr">
                    </div>
                </div>
                <div class="bot">
                    <div class="bl">
                    </div>
                    <div class="br">
                    </div>
                </div>
            </div>
        </div>
        <div id="ja-navhelper" class="wrap ">
            <div class="main clearfix">
                <div class="top">
                    <div class="tl">
                    </div>
                    <div class="tr">
                    </div>
                </div>
                <div class="mid clearfix">
                    <div class="ml">
                    </div>
                    <div class="main-inner clearfix">
                        <div class="ja-breadcrums">
                            <strong>You are here:</strong> <span class="breadcrumbs pathway"><span class="name">
                                Home</span></span>
                        </div>
                        <ul class="ja-links">
                            <li class="top"><a href="#Top" title="Back to Top">Top</a></li>
                        </ul>
                        <ul class="no-display">
                            <li><a href="#ja-content" title="Skip to content">Skip to content</a></li>
                        </ul>
                    </div>
                    <div class="mr">
                    </div>
                </div>
                <div class="bot">
                    <div class="bl">
                    </div>
                    <div class="br">
                    </div>
                </div>
            </div>
        </div>
        <div id="ja-footer" class="wrap ">
            <div class="main">
                <div class="main-inner1 clearfix">
                    <div class="ja-copyright">
                        <small>Copyright &#169; 2011 JA Anion. All Rights Reserved. Designed by <a href="http://www.joomlart.com/"
                            title="Visit Joomlart.com!">JoomlArt.com</a>.</small>
                    </div>
                    <div class="ja-footnav">
                        <ul id="mainlevel-nav">
                            <li><a href="index8dfd.html?option=com_content&amp;view=article&amp;id=25&amp;Itemid=28"
                                class="mainlevel-nav">About Joomla!</a></li><li><a href="index9c1f.html?option=com_content&amp;view=article&amp;id=22&amp;Itemid=29"
                                    class="mainlevel-nav">Features</a></li><li><a href="index7e26.html?option=com_newsfeeds&amp;view=newsfeed&amp;id=1&amp;feedid=1&amp;Itemid=18"
                                        class="mainlevel-nav">News</a></li><li><a href="index731c.html?option=com_content&amp;view=article&amp;id=27&amp;Itemid=30"
                                            class="mainlevel-nav">The Community</a></li></ul>
                    </div>
                    <div id="ja-poweredby" class="t3-logo t3-logo-dark">
                        <a href="http://t3.joomlart.com/" title="Powered By T3 Framework" target="_blank">Powered
                            By T3 Framework</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
